<html>
        <head>
                <meta charset="utf-8" />
                <title>{$line.title}</title>
                <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
                <link rel="stylesheet" type="text/css" href="__MOBILE__/css/mobile-style.css" />
                <link rel="stylesheet" type="text/css" href="__MOBILE__/css/mobile-line.css" />
                <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
        </head>
        <body>	
                <div style="display: none;" id="media" class="media" name="media">
                        <img  src="{:C('siteurl')}{$line.images_full_source}" />
                </div>

                <header class="header">
                        <a href="javascript:window.history.go(-1);" class="ic_back"></a>
                        <h2>产品详情</h2>
                        <a href="javascript:;" class="navbtn"><span></span><span></span><span></span></a>
                </header>
                <!--详细内容-->
                <div class="linedetail">
                        <!--图片及标题-->
                        <div class="linedetail_box">                               
                                <div class="linedetail_pic">
                                        <img src="{$line.images_full}" alt="{$line.title}" />
                                        <div class="linedetail_tit" style='height:auto;'><h1>{$line.title}<font style='color:red'>【{$line.subtitle}】</font></h1></div>                    
                                </div>
                                <div class="linedetail_pre">
                                        <span>{$line.from_zone}</span>
                                        <span>{$line.trip_days}日游</span>
                                        <strong>¥&nbsp;{$line.price}起</strong>
                                </div>
                        </div>
                        <!--出发日期及余位-->
                        <div class="linedetail_box">
                                <div class="linedetail_date">
                                        <p>
                                                线路编号：{$line.id}

                                        </p>
                                        <p>提前报名：{$line.lead_time}天</p>
                                        <p class="noborder">相关景点：{$line.sight_cache}</p>					
                                </div>
                        </div>
                        <!--出发日期-->
                        <div class="linedetail_box">
                                <div class="linedetail_xin_tit">出发日期及报价</div>
                                {empty name='line.tours_price'}
                                <div class="list_thing selected" data-value="0" id="datatype_0">
                                        <a class="combocheck" onclick="ajaxChangePrice( - 1, 0)">常规类型</a>
                                </div>
                                {else /}
                                {volist name="line.tours_price" id="vo"}
                                {notempty name='vo.leixin'}
                                <div {eq name='vo.sprice' value="$line['price']"}
                                        class="list_thing selected"
                                        {else/}
                                        class="list_thing"
                                        {/eq} data-value="{$vo.id}" id="datatype_{$key}">
                                        <a class="combocheck" onclick="ajaxChangePrice({$vo.id}, {$key})">{$vo.leixin}</a>
                                </div>
                                {else /}
                                {eq name='vo.case_id' value='0'}
                                <div {eq name='vo.sprice' value="$line['price']"}
                                        class="list_thing selected"
                                        {else/}
                                        class="list_thing"
                                        {/eq} data-value="{$vo.id}" id="datatype_{$key}">
                                        <a class="combocheck" onclick="ajaxChangePrice({$vo.id}, {$key})">常规类型</a>
                                </div>
                                {/eq}
                                {/notempty}
                                {/volist}
                                {/empty}
                                {php}$keyk =0;{/php}
                                {notempty name='line.tours_price'}
                                {volist name="line.tours_price" id="vo"}
                                {empty name='vo.leixin'}
                                {neq name='vo.case_id' value='0'}
                                {php}$keyk += 1;{/php}
                                <div {eq name='vo.sprice' value="$line['price']"}
                                        class="list_thing selected"
                                        {else/}
                                        class="list_thing"
                                        {/eq} data-value="{$vo.id}" id="datatype_{$key}" >
                                        <a  class="combocheck" onclick="ajaxChangePrice({$vo.id}, {$key})">升级方案-{$keyk}</a>
                                </div>
                                {/neq}
                                {/empty}
                                {/volist}
                                {/notempty}
                                <div class="linedetail_xin_con" id="line_xinbox2" >
                                        <div id="hh">
                                                {empty name="line.delay_time"}
                                                <p style="margin-left:10px;line-height: 28px;margin-left:10px; color: #f80;">固定日期发团</p>
                                                {else /}
                                                {volist name="line.delay_time" id="vo"}
                                                <p style="line-height: 28px;margin-left:10px; color: #f80;">{$vo}</p>
                                                {/volist}
                                                {/empty}
                                        </div>
                                        <div class="linedetail_xin_btn2"><span><s></s></span></div>
                                </div>
                        </div>

                        <!--行程特色-->
                        <div class="linedetail_box">
                                <div class="linedetail_xin_tit">行程特色</div>
                                <div class="linedetail_xin_con" id="line_xinbox">
                                        {$line.feature}
                                        <div class="linedetail_xin_btn"><span><s></s></span></div>
                                </div>
                        </div>
                        <div class="linedetail_box">
                                <div class="linedetail_xin_tit">打分详情</div>
                                <div class="customer-fill">
                                        <div class="fill-con" >
                                                <div class="fill-left">
                                                        <span class="icon xiaolian"></span>
                                                        顾客满意度
                                                        <div class="sanjiao"></div>
                                                </div>
                                                <div class="fill-center">
                                                        {$line.manyi|default='100'}%
                                                </div>
                                                <div class="fill-right" id="more" style="cursor: pointer;">更多
                                                </div>
                                        </div>

                                        <div class="fill-detail display-block">
                                                <div class="fill-detail-left" >
                                                        <p>客户满意度</p>
                                                        <span>{$line.manyi|default='100'}%</span>
                                                        <p>{$line.guanzhu}关注</p>
                                                        <p>已有{$line.dingdan}个订单</p>
                                                </div>
                                                <div class="fill-detail-list">
                                                        <ul>
                                                                <li>交通......{$line.score_jiaotong|default='5'}分</li>
                                                                <li>餐饮......{$line.score_canyin|default='5'}分</li>
                                                                <li>行程......{$line.score_chuyou|default='5'}分</li>

                                                                <li>导游......{$line.score_daoyou|default='5'}分</li>
                                                                <li>住宿......{$line.score_zhusu|default='5'}分</li>
                                                                <li>客服......{$line.score_kefu|default='5'}分</li>
                                                        </ul>
                                                </div>
                                        </div>
                                </div>
                        </div>
                        <!--详细行程-->
                        <div class="linedetail_box">
                                <div class="linedetail_xin_tit">行程参考【共&nbsp;{$line.trip_days}&nbsp;天】</div>
                                <div class="threeBox">
                                        {volist name='trip' id='vo'}
                                        <div class="threeBox_trip">
                                                <div class='days'>
                                                        <strong>第 {$vo.day} 天</strong>
                                                        <span>{$vo.title}</span>
                                                </div>
                                                <div class="chis">
                                                        <span>用餐：</span>
                                                        早-{$vo.breakfast}； 中-{$vo.lunch}； 晚-{$vo.dinner}
                                                </div>
                                                <div class="zhus">
                                                        <span>住宿：</span>
                                                        {$vo.lodging}
                                                </div>
                                                <div class='cons'>
                                                        {$vo.content}
                                                        {notempty name="vo.images"}
                                                        <ul class="jour-pic">
                                                                {volist name="vo.images" id="img" offset="0" length="4"}
                                                                <li><img src="{$img.src}" style="max-height:800px;"/></li>
                                                                {/volist}
                                                        </ul>                                                 
                                                        {/notempty}
                                                </div>
                                        </div>
                                        {/volist}
                                </div>

                        </div>

                </div>
                <!--页脚-->
                {include file="public/footer" /}
                <div style="display: block; width: 100%; height: 50px;"></div>

                <!--预订按钮-->
                <div class="yuding_btn" style="z-index: 999; width: 100%;">
                        <a onclick="javascript:window.open('http://qiao.baidu.com/v3/?module=mobile&controller=mobileim&action=index&ucid=21148450&type=z&siteid=9201948');"class="yuding_tel" style="background-color: #3fb7ff;">在线资询</a>
                        <a href="tel:{:C('site.telephone')}" class="yuding_tel">客服电话</a>
                        <a href="{:U('/linebook/'.$line['id'].'@'.SUB_DOMAIN,'','',false,true)}" class="yuding_onclik">在线预订</a>
                </div>

                <script type="text/javascript">
                                var lineId = {$line.id};
                                function ajaxChangePrice(price_id, key) {
                                var price_id1 = price_id;
                                        var key1 = key;
                                        $.ajax({
                                        url: "Line/PriceCheck",
                                                data: {
                                                tours_id: lineId,
                                                        price_id: price_id1
                                                },
                                                dataType: "json",
                                                type: "post",
                                                beforeSend: function() {
                                                $("#datatype_" + key1).addClass("selected").siblings().removeClass('selected');
                                                },
                                                success: function(data) {
                                                $("#hh").html('');
                                                        for (var p in data) {
                                                if (p === 'sprice' || p === 'undefined') {
                                                } else {
                                                var option = $("<p  style='line-height: 28px;margin-left:10px; color: #f80;'>").val(p).text(data[p]);
                                                        $("#hh").append(option);
                                                }
                                                }
                                                }
                                        });
                                }
                        $(".linedetail_xin_btn span").click(function() {
                        $("#line_xinbox").toggleClass("line_xinbox_down");
                        });
                                $("#more").click(function() {
                        $('.fill-detail').toggle();
                        });
                                $(".linedetail_xin_btn2 span").click(function() {
                        $("#line_xinbox2").toggleClass("line_xinbox_down2");
                        });

                </script>
        </body>
</html>
